草庐IT

Web前端Tips:CSS3 部分新特性介绍

全部标签

javascript - 最佳基于 Web 的 SVG 所见即所得

我有一个需要绘图程序的站点。我的用户需要能够绘制平面图并向这些图像添加文本。我想知道是否有人遇到过不错的SVG所见即所得编辑器。否则我将不得不使用我不喜欢的Flash或Java应用程序。 最佳答案 我唯一知道的是svg-edit.它远不如CKEditor、TinyMCE或FCKEditor等编辑器在其应用领域中强大或成熟,实现起来也不会那么简单,因为它更像是一个脚本,就像一个组件,最后我不知道定制它是多么容易。但我非常怀疑是否有类似的东西更舒适。你可以试试here或here(顺便提一下,它不能在InternetExplorer中运行

javascript - 如何跨站点处理 javascript 和 css 文件?

最近我对如何在Web应用程序中处理共享的javascript和css文件有了一些想法。在我正在处理的当前Web应用程序中,我得到了大量不同的javascript和css文件,这些文件位于服务器上的一个文件夹中。一些文件被重复使用,而另一些则没有。在生产站点中,加载大量HTTP请求和加载数千字节的不必要的javascript和冗余css是非常愚蠢的。解决方案当然是为每个页面创建一个仅包含必要信息的大捆绑文件,然后将其最小化并压缩(GZIP)发送给客户端。创建一堆javascript文件并手动最小化它们并不需要担心,如果您打算这样做的话,但是由于应用程序不断维护并且事情确实在变化和发展,因

javascript - CSS 下拉菜单 : Add delay on mouse out

我在下面使用CSS和HTML制作了下拉菜单:MainMenu.menu{float:left;background:#CCC;margin:0px;padding:0px;}.menuli{position:relative;float:left;width:180px;padding:5px0px;list-style:none;}.menuli:hover{background:#999;}.menuul{display:none;position:absolute;background:#CCC;padding:0;margin:5px000;}.menuulliul{left:

javascript - 获取由 css column-width 创建的列数

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Howtogetcss3multi-columncountinJavascript我有一个很长的动态文本,它将使用CSS分成几列div{-moz-column-width:500px;-moz-column-gap:20px;}是否可以获取创建了多少列?我在客户端使用jQuery。

javascript - 使用 RESTful Web 服务身份验证的 AngularJS

我正在尝试构建一个需要用户登录的AngularJS应用程序。当他们第一次访问该应用程序时,他们将被重定向到登录页面(http://domain.my:3000/login)。当用户输入他的用户名和密码时,将调用网络服务(http://domain.my:4788/WebServices/user/login?username=XXX&password=YYYY),它返回包含用户ID、名称等的JSON数据,这些数据需要存储在某个地方(cookies/localstorage?)。我该怎么做呢?我是否需要创建一个服务器(可能在nodejs上)来处理对Web服务的请求,或者一个angular

javascript - 数据属性的 CSS 不会刷新/重绘

在HTML5/JS应用程序中,我们有一个View,其样式取决于元素的data-attribute:喜欢或CSSli[data-level^="1"]{/*somestyles*/}这似乎在页面重新加载的任何地方都工作得很好。但是当通过JS以编程方式设置数据属性时,CSS属性会在所有相关的桌面浏览器中呈现,但不会在移动safari中呈现。JS部分如下所示:this.$el.attr('data-level',this.model.getLevel())关于如何强制应用这些属性(刷新/重绘某些东西)有什么想法吗?我想避免使用class属性和不同的类,因为事情比这里显示的更复杂......

javascript - 通过前端或后端哪种方式创建cookie?

据我所知,cookie是使我们的webapp有状态的一种方式。由于cookie既可以在javascript(前端)中创建,也可以通过http响应(由后端)创建,那么cookie何时应该由前端创建以及何时由后端创建有什么原则吗?能给出一些用户场景就好了。 最佳答案 有几个注意事项:创建的cookie的内容在哪里?如果它是一个sessionID,那么它可能是在服务器上创建的,因此cookie将在那里创建。如果它是未存储在服务器端的用户观看首选项,那么它可能已在客户端中设置,并且cookie将设置在那里。服务器端cookie可以设置额外的

javascript - 在 Web 浏览器上实时接收 Kafka 事件

我们使用Kafka集群实时发送/接收消息。我们能够成功地向Kafka主题发布消息。现在我们希望在使用JavaScript的Web浏览器上运行的单页应用程序(SPA)上实时接收这些消息。是否可以直接从Kafka将消息推送到在任何著名浏览器上运行的最新版本的SPA?我找到了使用NodeJS实时接收消息的示例,但没有找到在Web浏览器上运行JavaScript的示例。 最佳答案 Kafka有Javascript客户端,但鉴于您的用例描述,我建议您在浏览器端javascript和Kafka之间使用REST或WebSocket代理。这将确保消

javascript - 自动完成 HTML 中可用的 CSS 类 Eclipse 中的 JavaScript jQuery

我使用的是最新的Eclipse版本。现在我正在使用Javascript、jQuery、HTML和CSS进行编码。对于我在CSS中定义并以HTML显示的类,如何获得自动完成(显示在CSS中定义的所有可用类)?我的CSS文件中有一个名为“display”的类。文件.css:.display{background:green;}如何获取使用自动完成建议的显示类?HTML:我需要什么样的插件/插件? 最佳答案 与Eclipse安装捆绑在一起的默认WTP插件不支持此功能。您将必须安装扩展插件(WTPWebresources)。转到“帮助”->

javascript - Node.js:拆分 n 部分的流内容

我正在尝试了解Node流及其生命周期。所以,我想将流的内容拆分为n部分。下面的代码只是为了解释我的意图并表明我已经自己尝试了一些东西。我省略了一些细节我有一个只生成一些数据的流(只是一个数字序列):classStreamextendsReadable{constructor(){super({objectMode:true,highWaterMark:1})this.counter=0}_read(size){if(this.counter===30){this.push(null)}else{this.push(this.counter)}this.counter+=1}}const